<template>
	<view>
		<u-empty text="还没有团队人员" mode="favor" v-if="teamList.length == 0" margin-top="300"></u-empty>
		<view v-for="(item,index) in teamList" :key="index" class="team_item">
			<navigator url="../themTeam/themTeam" hover-class="none">
				<view class="left">
					<image :src="item.imgUrl" mode=""></image>
					<text>{{item.name}}</text>
				</view>
				<text class="date">{{item.date}}</text>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				teamList: [
					{
						name: '大白',
						imgUrl: '../../static/myImage/user.png',
						date: '2020-11-09 14:03'
					},
					{
						name: '二白',
						imgUrl: '../../static/myImage/user.png',
						date: '2020-11-09 14:03'
					},
					{
						name: '三白',
						imgUrl: '../../static/myImage/user.png',
						date: '2020-11-09 14:03'
					},
					{
						name: '四白',
						imgUrl: '../../static/myImage/user.png',
						date: '2020-11-09 14:03'
					},
					
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.team_item {
	padding: 20upx;
	margin-bottom: 30upx;
	box-shadow: 0px 4upx 10upx 0 rgba(4, 0, 0, 0.1);
	border-radius: 10upx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 30upx;
	image {
		width: 90upx;
		height: 90upx;
		border-radius: 50%;
		margin-right: 30upx;
	}
	.left {
		display: inherit;
		align-items: center;
	}
	.date {
		color: $color-999;
		font-size: 24upx;
	}
}
</style>

<style>
	page {
		padding: 30upx;
	}
</style>